import Vue from 'vue'

import {
  Layout,
  Sider,
  Footer,
  Header,
  Content,
  Menu,
  MenuItem,
  Submenu,
  MenuGroup,
  DropdownMenu,
  Modal,
  Form,
  FormItem,
  Avatar,
  Badge,
  Input,
  Button,
  Card,
  Icon,
  RadioGroup,
  Radio,
  Upload,
  Message,
  List,
  Tag,
  Page,
  Row,
  Col,
  Carousel,
  CarouselItem,
  BackTop,
  Notice,
  Timeline,
  TimelineItem
} from 'view-design'

Vue.component('Layout', Layout)
Vue.component('Sider', Sider)
Vue.component('Footer', Footer)
Vue.component('Header', Header)
Vue.component('Content', Content)
Vue.component('Menu', Menu)
Vue.component('MenuItem', MenuItem)
Vue.component('Submenu', Submenu)
Vue.component('MenuGroup', MenuGroup)
Vue.component('DropdownMenu', DropdownMenu)
Vue.component('Modal', Modal)
Vue.component('Form', Form)
Vue.component('FormItem', FormItem)
Vue.component('Avatar', Avatar)
Vue.component('Badge', Badge)
Vue.component('Input', Input)
Vue.component('Button', Button)
Vue.component('Card', Card)
Vue.component('Icon', Icon)
Vue.component('RadioGroup', RadioGroup)
Vue.component('Radio', Radio)
Vue.component('Upload', Upload)
Vue.component('Message', Message)
Vue.component('List', List)
Vue.component('ListItem', List.Item)
Vue.component('ListItemMeta', List.Item.Meta)
Vue.component('Tag', Tag)
Vue.component('Page', Page)
Vue.component('Row', Row)
Vue.component('ICol', Col)
Vue.component('Carousel', Carousel)
Vue.component('CarouselItem', CarouselItem)
Vue.component('BackTop', BackTop)
Vue.component('Timeline', Timeline)
Vue.component('TimelineItem', TimelineItem)
Vue.prototype.$Message = Message
Vue.prototype.$Notice = Notice
Vue.prototype.$Modal = Modal
